Inside React VFX
from Kyoto.js 17
Inside React VFX
WebGLでVJやってます
ポートフォリオ作りたい
AWWWARDS
かっこいいwebサイトがいっぱい
VEDAJSでできるかな？
真似しようとするとたいへん
WebGLの制限
Spector.jsで見てみる
WebGLデバッグツール
画面全体にcanvasがある
できました
参考: Three.jsのexample
react-vfxの仕組み
VFXPlayer
シーン管理
描画
VFXProvider
canvas生成
VFXElement
imgなどのラッパー
テキストは気合で画像に変換する
html2canvas
まあまあ動いた
重い
SVGのforeignObject
dom2canvas
react-three-fiver
react-spring